import axios from "axios";
import { getToken } from "./composables/cookie";
import { showMessage } from "./composables/util";
import { removeToken } from '@/composables/cookie';
import { useUserStore } from '@/stores/user'

//创建 Axios 实例
const instance = axios.create({
    baseURL: "/api", //你的 API 基础 URL
    timeout: 7000, //请求超时时间
})

// 添加请求拦截器
instance.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    const token = getToken()
    console.log('统一添加请求头中的 Token:'+token)

    // 当 Token 不为空时
    if(token){
        // 添加请求头，key 为 Authorization，value 值得前缀为 'Bearer '
        config.headers['Authorization'] = 'Bearer ' + token 
    }
    
    return config;
}, function (error) {
    //对错误做些什么
    return Promise.reject(error)
});

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
    // 2xx 范围内的状态码都会触发此函数
    // 对响应数据做些什么
    return response.data  //优化响应参数
}, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做些什么
    let status = error.response.status
    
    // 状态码 401
    if (status == 401) {
        // 退出登录
        let userStore = useUserStore()//将全局状态 store 中的 userInfo 变量置为空
        userStore.logout()//该方法不但删除了 Token 令牌，还将用户信息置空
        // 刷新页面
        location.reload()
    }

    //若后台有错误提示就用提示文字，默认为 ‘请求失败’
    let errorMsg = error.response.data.message || '请求失败'
    //弹错误提示
    //console.log(errorMsg)
    showMessage(errorMsg,'error')

    return Promise.reject(error)
})


//暴露出去
export default instance;